<template>
    <div class="" style="">
        <div class="head_img">
            <!--<img src="../../assets/img/mycourse.png" alt="">-->
            <div class="head_con">
                <div class="headimg">
                    <img src="../../assets/img/Mask.png" alt="" style="width: 100%">
                </div>
                <div class="head_name">姚楠</div>
                <div class="head_phone">18866667777</div>
            </div>
        </div>
        <div class="center_content">
            <div class="center_content_no">
                <img src="../../assets/img/no_page.png" alt="" style="width: 100%">
            </div>
            <div class="center_content_title">您当前还没有预约课程哦</div>
        </div>
        <div class="footer_wrap">
            <div class="fo_to">
                <div class="fo_to_t">
                    <div class="fo_to_timg"><img src="../../assets/img/totalcourse.png" alt=""></div><div>全部课程</div>
                </div>
            </div>
            <div class="fo_my">
                <div class="fo_my_m">
                    <div class="fo_my_mimg"><img src="../../assets/img/myc.png" alt=""></div><div>我的课程</div>
                </div>
            </div>

        </div>
    </div>

</template>

<script>
    export default {
        name: 'MyCourse',
        methods: {

        }

    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    .head_img{
        width: 100%;
        height: 142px;
        background-image: url(../../assets/img/mycourse.png);
        background-repeat:no-repeat;
        background-size: cover;
        position: relative;
    }
    .footer_wrap{
        width: 100%;
        height: 48px;
        /*background-color: aquamarine;*/
        position: fixed;
        bottom: 0;
        font-size: 12px;
        color: #4C4C4C;
        border-top: 1px solid #D7D7D9;
    }
    .fo_to, .fo_my{
        float: left;
        width: 50%;
    }

    .fo_to img{
        width: 18px;
        height: 19px;
        margin: 0 auto;
    }
    .fo_my img{
        width: 18px;
        height: 19px;
        margin: 0 auto;
    }
    .fo_to_t, .fo_my_m{
        width: 50px;
        margin: 0 auto;
        padding-top: 8px;
    }
    .fo_to_timg, .fo_my_mimg{
        width: 18px;
        margin: 0 auto;
    }
    .head_con{
        text-align: center;
    }
    .headimg{
        width: 75px;
        height: 75px;
        margin: 0 auto;
        padding-top: 15px;
    }
    .head_name, .head_phone{
        font-size: 14px;
        color: #FFFFFF;
    }
    .head_phone{
        margin-top: 5px;
    }
    .center_content{
        width: 100%;
    }
    .center_content_no{
        width: 165px;
        height: 170px;
        margin: 0 auto;
        margin-top: 90px;
    }
    .center_content_title{
        font-size: 12px;
        color: #A9A9A9;
        text-align: center;
        margin-top: 20px;
    }


</style>
